<template>
  <div>
    <script id="editor" type="text/plain" ></script>
  </div>
</template>

<script>
  import '../../../static/ueditor/ueditor.config.js'
  import '../../../static/ueditor/ueditor.all.js'
  import '../../../static/ueditor/lang/zh-cn/zh-cn.js'

  export default {
    name: 'UE',
    props: {
      id: {
        type: String
      },
      config: {
        type: Object
      }
    },
    data () {
      return {
        editor: null
      }
    },
    mounted () {
      // 初始化UE
    //   const _this = this
      this.editor = window.UE.delEditor('editor')
      this.editor = window.UE.getEditor('editor', this.config)
    },
    destoryed () {
      this.editor.destory()
    },
    methods: {
      getUEContent: function () {
        return this.editor.getContent()
      },
      setUEContent: function (content) {
        return this.editor.setContent(content)
      },
      getContentTxt: function () {
        return this.editor.getContentTxt()
      }
    }
  }
</script>
